<template lang="html">
  <div class="block">
    <el-carousel trigger="click">
      <el-carousel-item class="wapper-content" v-for="item in list" :key="item.id">
        <img class="image" :src="item.url" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: 'HomeBarner',
  data () {
    return {
      list: [{
        id: '001',
        url: 'http://pic.wed114.cn/20140328/2014032816072897.jpg',
        desc: 'test1'
      }, {
        id: '002',
        url: 'http://img31.mtime.cn/CMS/Gallery/2013/07/19/084744.11778217_900.jpg',
        desc: 'test2'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
  .block >>> .el-carousel__container
    height: 6rem
  .wapper-content
    overflow: hidden!important
    .image
      width: 100%
      height: auto
      display: block
</style>
